BFE.devでのAI解答例 - フロントエンド面接質問
18. `macrotask` と `microtask`とは？

macrotask は、ジョブキュー（タスクキュー）の単位であり、ブラウザのメインスレッドで処理されます。例えば、 setTimeout やイベントリスナーのコールバック関数などが macrotask に属します。

一方、microtask は macrotask 内で発生するタスクであり、ジョブキューではなくマイクロタスクキュー（プロミスの then メソッド、queueMicrotask 関数、MutationObserver コールバックなど）で処理されます。microtask は、同期的に処理され、1つの macrotask が終了する前に完了する必要があります。一般的には microtask が macrotask よりも優先されます。

このような仕組みにより、JavaScriptのイベントループはスムーズに動作し、負荷の高いタスクがブラウザのUIスレッドをブロックすることがなくなります。